@charset "UTF-8";

@import "./variables.scss";

//基础按钮
.btn{
  display: inline-block;
  padding: $rem * 6 .9375em;
  margin-bottom: 0;
  font-weight: 400;
  font-size:$rem*36;
  line-height: 1rem/16*17;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-image: none;
  border: 0;
  color:#686868;
  background-color:#CECECE;
  border-radius:$rem*6;
}

//主色
$primary-color:#C33;
$primary-active-color:#C33;
$primary-invalid-color:#a7a7a7;

//主色按钮
.btn-primary{
  background-color: $primary-color;
  color:#fff;
  border:0;
  &:active{
    background-color:$primary-active-color;
  }
}
.btn-white{
    border:0;
    background-color:#fff;
    font-size:$rem*30;
}

.btn-border-primary{
    border:1px solid $primary-color;
    color:$primary-color;
}

.btn-full{
    width:100%;
}

//按钮失效样式
.btn-invalid{
    background-color:$primary-invalid-color;
    color: #DEDEDE;
    &:active{
      background-color:$primary-invalid-color;
    }
}


////////////////////////////
.btn-group{
    .btn-group-col_2{
        width:50%;
        float: left;
        &:last-child{
            padding-left:$rem*10;
        }
        &:first-child{
            padding-right:$rem*10;
        }
    }
}

